import './index_PC.scss';
import React, { useEffect, useState, useRef } from "react";
import { Dropdown, Radio, Space } from 'antd-mobile'
import { ArrowDownCircleOutline, DownOutline } from 'antd-mobile-icons'
import { chainsall, user_wallet_list, user_wallet_info } from '@/utils/mixin.ts'
import { Button, Checkbox, Form, Input, message } from 'antd';
import { useNavigate } from 'react-router-dom';
import DropdownRef from 'antd-mobile/es/components/dropdown'
import Logo from '@/assets/photos/LogoLogin.png'
import txtLogin from '@/assets/photos/txtLogin.png'
import checkMark from '@/assets/photos/checkMark.png'

const EthBot = () => {

    return (
        <div className='botNft'>
            <div className='header'>
                <span>NFT</span>
            </div>
            <div className='content'>
                <div className='release'>
                    <div className='logo'>
                        <img src={Logo} />
                        <img src={txtLogin} />
                    </div>
                    <div className='title'>TURINGBOT-NFT#59</div>
                    <div className='detail'>
                        <div class="numbers">
                            <span class="key">发行数量 </span>
                            <span class="value"> <span class="num">200</span> 张 </span>
                        </div>
                        <div class="numbers">
                            <span class="key">发行时间 </span>
                            <span class="value time">2023-10-01 10:10:10</span>
                        </div>
                        <div class="button">
                            <img class="checkMark" src={checkMark} alt="" />
                            <span class="cost"> 
                            <span class="price"> 300 USDT</span>
                            </span>
                        </div>
                    </div>
                </div>
                <div className='use'>
                    <div class="nft-title">
                        <span> NFT权益 </span>
                        <img class="checkMark" src={checkMark} alt="" />
                    </div>
                    <div class="nft-detail">
                        <div class="nfc-item">
                            <span class="index">1.</span>
                            <span class="content">全网5%交易手续费分红；</span>
                        </div>
                        <div class="nfc-item">
                            <span class="index">2.</span>
                            <span class="content">新项目空投；</span>
                        </div>
                        <div class="nfc-item">
                            <span class="index">3.</span>
                            <span class="content">可交易转让；</span>
                        </div>
                        <div class="nfc-item">
                            <span class="index">4.</span>
                            <span class="content">私募的资格；</span>
                        </div>
                    </div>
                </div>
                <div className='use'>
                    <div class="nft-title">
                        <span> 购买记录 </span>
                        <img class="checkMark" src={checkMark} alt="" />
                    </div>
                    <div class="buy-button">
                        购买
                    </div>
                </div>
            </div>
        </div>
    );
};

export default EthBot;
